<script setup>



</script>

<template>
  <div class="content">
    <div class="left">
      <div class="sideBar">
        <div class="hd">
          <em>全部书籍</em>
        </div>
        <div class="books-list">
          <h3>移动互联网开发专业书籍</h3>
          <ul>
            <li>
              <a href="#">Web标准网站设计之道</a>
            </li>
            <li>
              <a href="#">Photoshop商业网站设计</a>
            </li>
          </ul>
        </div>
        <div class="books-list">
          <h3>移动互联网应用专业书籍</h3>
          <ul>
            <li>
              <a href="#">计算机基础应用</a>
            </li>
            <li>
              <a href="#">Linux系统管理</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- right -->
    <div class="right">
      <div class="banner">
        <img src="@/assets/img/banner01.png" alt="">
      </div>
      <div class="products">
        <div class="imgBox">
          <img src="@/assets/img/1.png" alt="">
        </div>
        <div class="info">
          <h3>移动互联网开发全套书籍</h3>
          <p>高端专业独享教材,突破传统教与学,合理利用碎片化学习时间。</p>
          <div class="btn">
            <RouterLink to="/detail">立即购买</RouterLink>
          </div>
        </div>
      </div>
      <div class="products">
        <div class="imgBox">
          <img src="@/assets/img/2.png" alt="">
        </div>
        <div class="info">
          <h3>移动互联网开发全套书籍</h3>
          <p>高端专业独享教材,突破传统教与学,合理利用碎片化学习时间。</p>
          <div class="btn">
            <a href="#">立即购买</a>
          </div>
        </div>
      </div>
      <div class="products">
        <div class="imgBox">
          <img src="@/assets/img/3.png" alt="">
        </div>
        <div class="info">
          <h3>移动互联网开发全套书籍</h3>
          <p>高端专业独享教材,突破传统教与学,合理利用碎片化学习时间。</p>
          <div class="btn">
            <a href="#">立即购买</a>
          </div>
        </div>
      </div>
      <div class="products">
        <div class="imgBox">
          <img src="@/assets/img/4.png" alt="">
        </div>
        <div class="info">
          <h3>移动互联网开发全套书籍</h3>
          <p>高端专业独享教材,突破传统教与学,合理利用碎片化学习时间。</p>
          <div class="btn">
            <a href="#">立即购买</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
